<template>
<view class="swiper_detail">
    <swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" circular="true">
        <swiper-item  v-for="(item,index) in swiperList" :key="index">
            <view class="swiper-item uni-bg-red"><image :src="item.image_src" mode="" /></view>
        </swiper-item>
    </swiper>
</view>
</template>

<script>
export default {
    data(){
        return {
            swiperList:[]
        }
    },
    onLoad() {
        this.getswiperList()
    },
    methods: {
        async getswiperList() {
            const {data: res} = await uni.$http.get('/api/public/v1/home/swiperdata')
            if(res.meta.status == 200) {
            this.swiperList = res.message                
            }else {
                return uni.$showMsg()
            }
        }
    }
}
</script>

<style>

</style>